<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8">
    <title>AdminLTE 2 | Registration Page</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}"/>
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/plugins/iconicons-2.0.1/css/ionicons.min.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/AdminLTE/css/AdminLTE.min.css}"/>
    <!-- iCheck -->
    <link rel="stylesheet" th:href="@{/plugins/iCheck/square/blue.css}"/>
    <link rel="stylesheet" th:href="@{/bootstrap/bootstrap-select/css/bootstrap-select.min.css}">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script th:src="@{/plugins/html5shiv/html5shiv.js}"></script>
    <script th:src="@{/plugins/respond/respond.min.js}"></script>
    <script th:src="@{/bootstrap/bootstrap-select/js/bootstrap-select.min.js}"></script>
    <script th:src="@{/bootstrap/bootstrap-select/js/i18n/defaults-*.min.js}"></script>
    <![endif]-->
  </head>
  <body class="register-page">
    <div class="register-box">
      <div class="login-logo">
        <b>商户</b>管理平台
      </div>
      <div class="register-box-body">
          <div th:if="${respMsg!=null}">
              <span th:text="${respMsg}"></span>
              <span id="second">10</span>
              <span>秒后返回登录</span></br>
              <a href='/goLogin' class='index_font'>如果您的浏览器没有自动跳转,请点击这里</a>
          </div>
          <div th:if="${mpsOrgList !=  null }">
           <form  action="/MpsOrg/changeOrg">
            <div class="form-group">
              <div class="radio" th:each="item:${mpsOrgList}">
                <label>
                  <input type="radio" name="orgId" id="orgId" th:value="${item.id}" th:text="${item.name}">
                </label>
              </div>
            </div>
             <div>
               <input type="submit" class="btn btn-primary"  value="提交"  >
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
             </div>
           </form>
         </div>
     </div><!-- /.register-box -->
    <!-- /.login-box -->
    </div>
    <!-- jQuery 2.2.3 -->
    <script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
    <!-- Bootstrap 3.3.6 -->
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <!-- iCheck -->
    <script th:src="@{/plugins/iCheck/icheck.min.js}"></script>
    <script>
        $(function () {
            $('input').iCheck({
                checkboxClass: 'icheckbox_square-blue',
                radioClass: 'iradio_square-blue',
                increaseArea: '20%' // optional
            });
        });
        //获取显示秒数的元素，通过定时器来更改秒数。
        var num=document.getElementById("second").innerHTML;
        function count(){
            num--;
            if(num>0){
                document.getElementById("second").innerHTML=num;
            }
            if(num==0){
                location.href="/goLogin";
            }
        }
        setInterval("count()",1000);
    </script>
  </body>
</html>